<!-- 钩子函数之更新数据 -->

<script src="./vue.js"></script>

<div id="app">
    <div v-if="isShow" ref="div">需要更新的数据</div>
    <button @click="isShow=!isShow">更新数据</button>
</div>


<script>
    var vue = new Vue({
        el: '#app',
        data: {
            msg: '我更新了',
            isShow: true,
        },
        updated(){
            console.log("更新数据之后")
            console.log(this.$refs.div)
        },
        beforeUpdate(){
            console.log("更型数据之前")
            console.log(this.$refs.div)
        }
    })
</script>